
<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>首页</title>
	<meta name="keywords" content="" />
	<link rel="stylesheet" href="../css/index.css">
	<link rel="stylesheet" href="../font/css/font-awesome.css">
	<link rel="stylesheet" href="../font/css/font-awesome.min.css">

</head>
<body>
<div id="main">
	<div class="article">
		<!-- 第一个板块-->
		<div class="box box-1" id="n1">
			<span id="logo"><img src="../images/index_logo.png" alt=""/></span>
			<span id="shopping_cart"><i class="fa fa-shopping-cart" aria-hidden="true"></i></span>
			<img src="../images/nav.png" width="30px" height="30px" id="nav" onclick="navClick()">
			<p id="p1">
				<strong>Amily</strong>
				<span>
					由法国设计师AYJE于1946年创于巴黎，是一款历史悠久的国际品牌。Amily自创立<br/>
					开始，就以创造潮流、引领时尚、主张个性美为宗旨，为爱美人士打造不一样的妆容。
				</span>
			</p>
			<i></i>
		</div>
		<!-- 第二个板块-->
		<div class="box box-2" id="n2">
			<p id="p2">
				<strong>Envy Closs</strong><br/>
				<strong>活力诠释最青春</strong>
				<span>
					倾慕唇彩系列
				</span>
				<span>
					丰唇.出色
				</span>
				<input type="button" value="了解详情" onclick="javascript:window.location.href='../page/product1.html'">
			</p>
			<i></i>
		</div>
		<!-- 第三个板块-->
		<div class="box box-3" id="n3">
			<p id="p3">
				<strong>Envy Rouge</strong><br/>
				<strong>自由张扬正时髦</strong>
				<span>
					倾慕唇膏魅色系列
				</span>
				<span>
					塑性.魅色.丰润
				</span>
				<input type="button" value="了解详情"  onclick="javascript:window.location.href='../page/product1.html'">
			</p>
			<i></i>
		</div>
		<!-- 第四个板块-->
		<div class="box box-4" id="n4">
			<p id="p4">
				<strong>Envy Potion</strong><br/>
				<strong>不断超越玩出色，酷炫自己</strong>
				<span>
					倾慕液态唇膏系列
				</span>
				<span>
					塑性.魅色.水漾，展示不一样的自己
				</span>
				<input type="button" value="了解详情"  onclick="javascript:window.location.href='../page/product1.html'">
			</p>
			<i></i>
		</div>
		<!-- 第五个板块-->
		<div class="box box-5" id="n5">
			<p id="p5">
				<strong>Envy Velvet</strong><br/>
				<strong>优雅演绎新复古</strong>
				<span>
					倾慕唇膏丝绒系列
				</span>
				<span>
					外丝绒.内丰盈
				</span>
				<input type="button" value="了解详情"  onclick="javascript:window.location.href='../page/product1.html'">
			</p>
			<i></i>
		</div>
	</div>
	<!-- 右边的圆角导航-->
	<div class="slidecount">
		<ul>
			<li class="focus"><a href="#n1">1</a></li>
			<li><a href="#n2">2</a></li>
			<li><a href="#n3">3</a></li>
			<li><a href="#n4">4</a></li>
			<li><a href="#n5">5</a></li>
		</ul>
	</div>
</div>
<!--菜单导航-->
<div id="navPage">
	<span onclick="navClose()"><i class="fa fa-times" aria-hidden="true"></i></span>
	<ul>
		<li><a href="index.html">首页</a></li>
		<li><a href="">产品罗列</a></li>
		<li><a href="">推荐指南</a></li>
		<li><a href="">个人中心</a></li>
		<li><a href="">关于我们</a></li>
		<li><a href="">联系我们</a></li>
		<li><a href="">登录</a></li>
		<li><a href="">注册</a></li>
	</ul>
</div>
	<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
	<script src="../js/jquery.smooth-scroll.min.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>